<!DOCTYPE html>
<html lang="ZH-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- 兼容  要求当前网页使用IE浏览器最高版本的内核来渲染 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <!-- 解决ie9以下浏览器对html5新增标签的不识别 并导致css不起作用的问题 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!-- Bootstrap -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <title>关于VCARE</title>
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/list.css" />
    <script src="js/flexible.js"></script>
  </head>
  <body>
    <section>
      <!-- header -->
      <div class="t">
        <div class="container">
          <div class="row header">
            <div class="col-lg-2 col-md-2 col-sm-2">
              <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt="" /></a>
              </div>
            </div>
            <ul class="col-lg-7 col-sm-10 nav-top col-sm-10 hidden-xs">
              <li class="hidden-xs hidden-lg hidden-md col-sm-2"></li>
              <li><a href="index.html">首页</a></li>
              <li><a href="list.html">关于VCARE</a></li>
              <li><a href="product.html">产品中心</a></li>
              <li><a href="news.html">新闻中心</a></li>
              <li><a href="service.html">服务支持</a></li>
              <li><a href="contact.html">联系我们</a></li>
            </ul>
            <button
              class="btn glyphicon glyphicon-align-justify hidden-lg hidden-md hidden-sm"
            ></button>
            <div class="col-lg-3 ipt hidden-xs hidden-sm hidden-md">
              <input type="text" value=" 搜索" />
              <button class="glyphicon glyphicon-search"></button>
            </div>
            <span><a href="#">CN </a>/<a href="#"> EN</a></span>
          </div>
        </div>
      </div>
      <div class="disN hidden-md hidden-lg">
        <ul class="ul_li">
          <li><a href="index.html">首页</a></li>
          <li><a href="list.html">关于VCARE</a></li>
          <li><a href="product.html">产品中心</a></li>
          <li><a href="news.html">新闻中心</a></li>
          <li><a href="service.html">服务支持</a></li>
          <li><a href="contact.html">联系我们</a></li>
        </ul>
      </div>

      <!-- banner -->

      <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12 banner clearfix">
        <img src="upload/about_banner.jpg" alt="" />
      </div>

      <!-- who are we -->
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-4 tit01">
            <img src="images/tit01.png" alt="" />
          </div>
          <div class="who col-lg-12">
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
              <h2>我们是谁？</h2>
              <span>懂你所需、做你所想</span>
              <p>
                &nbsp; &nbsp; 香港Vcareidh International
                威喀尔国际是一家集电子产品研发、生产销售、进出口贸易和供应链服务一体化的综合性企业集团
              </p>
              <p>
                &nbsp; &nbsp;
                2017年开始筹办湖南产业基地，整体计划引进14家产业链企业。
                是手机产业链联盟的龙头带动企业，自有品牌产品远销海外。
              </p>
              <p>
                &nbsp; &nbsp;
                自有品牌目前在印度、、深圳，南阳均设有生产加工基地，在印度，巴基斯坦，迪拜、非洲、南美洲、等地设有办事处，
                与多家国外代理商建立了长期的合作关系.
              </p>
              <p>
                &nbsp; &nbsp;
                项目总占地面积4万平方米，计划投资4亿元，预计可实现5年销售额120亿元，5年出口创汇10亿美元，带动就业1000业人。2018年vcare
                international
                智能终端产业园正式竣工投产后，计划在5年内实现销售产值收入120亿元+。
              </p>
            </div>
            <div class="col-lg-6 hidden-md hidden-sm hidden-xs about01">
              <img src="upload/about01.png" alt="" />
            </div>
          </div>
          <ul class="clearfix col-lg-12 about02">
            <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <img src="upload/about02.jpg" alt="" />
            </li>
            <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <img src="upload/about03.jpg" alt="" />
            </li>
            <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <img src="upload/about04.jpg" alt="" />
            </li>
            <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
              <img src="upload/about02.jpg" alt="" />
            </li>
          </ul>
        </div>
      </div>

      <!-- 文化 -->
      <div class="wh">
        <div class="container">
          <div class="row">
            <div
              class="wh_c col-md-4 col-sm-4 col-xs-4 col-md-offset-4 col-xs-4 col-xs-offset-4"
            >
              <img src="upload/tit02.png" alt="" />
            </div>
            <div class="wh_w col-lg-12 col-md-12 col-sm-12 col-xs-12">
              <div class="wh_z col-lg-6 col-md-6 col-sm-8 col-xs-12">
                <h2>先进的技术+远瞻的眼光</h2>
                <span
                  >互联网行业瞬息万变，谁能洞察未来，谁就能引领行业发展。</span
                >
                <p>
                  威喀尔拥有一支朝气蓬勃的团队，我们执着、敏锐、追求更好；通过自己的专业眼光，为客户提供各类解决方案，始终为客户思考如何占领互联网。
                  一个人能走多远，取决于与谁同行，威喀尔团队是一个富有理想和激情的团队，也是一个技术专业化、管理人性化、创新性和学习型的优秀团队
                </p>
              </div>
              <div class="wh_y col-lg-5 col-md-5 hidden-sm hidden-xs">
                <img src="upload/about-bgtop.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 团队 -->
      <div class="container">
        <div class="row">
          <div
            class="td col-md-4 col-sm-4 col-xs-4 col-md-offset-4 col-xs-4 col-xs-offset-4"
          >
            <img src="upload/tit03.png" alt="" />
          </div>
          <ul class="col-lg-12 td_js">
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
              <img src="upload/about05.jpg" alt="" />
              <h4>电商设计团队</h4>
              <span>公司电商团队正在逐步壮大，目前拥有一大</span>
              <span>批具备电商运营、设计、客服、仓储等</span>
              <span>优秀人才，相信在不就得将来，</span>
              <span>定能成就一番成绩。</span>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
              <img src="upload/about06.jpg" alt="" />
              <h4>产品设计师</h4>
              <span>聘请专业女鞋设计师及Wanghui ，希望借其</span>
              <span>多年的女鞋设计经验，能够为</span>
              <span>COPHILLY康芙丽这个品牌</span>
              <span>创造出更多的可能。</span>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
              <img src="upload/about07.jpg" alt="" />
              <h4>团队合作</h4>
              <span>公司不定期会在工作日或者周末举行团队活动</span>
              <span>劳逸结合，快乐工作是公司的创办宗旨 </span>
              <span>健康、快乐、有意义才是现代 </span>
              <span>人追求的品质生活。</span>
            </li>
          </ul>
        </div>
      </div>

      <!-- 底部 -->
      <div class="bottom">版权所有 © 2017-2027 威喀尔国际 粤ICP05138723号</div>
    </section>
    <script src="js/swiper.min.js"></script>
    <script>
      var btn = document.querySelector(".btn");
      var ul1 = document.querySelector(".ul_li");
      var disN = document.querySelector(".disN");
      var flag = 0;
      btn.onclick = function () {
        this.style.backgroundColor = "#343434";
        this.style.color = "#fff";
        if (flag === 0) {
          ul1.className = "xs-ul";
          disN.style.display = "block";
          flag = 1;
        } else if (flag === 1) {
          disN.style.display = "none";
          ul1.className = "ul_li";
          flag = 0;
        }
      };

      btn.onblur = function () {
        this.style.backgroundColor = "#e1e1e1ee";
      };

      window.addEventListener("load", function () {
        window.addEventListener("resize", function () {
          if (window.innerWidth >= 768) {
            ul.className = "col-lg-7 col-sm-10 nav-top col-sm-10 hidden-xs";
          }
        });
      });

      var ipt = document.querySelector("input");
      ipt.onfocus = function () {
        if (this.value === " 搜索") {
          this.value = "";
        }
        this.style.color = "#333";
      };
      ipt.onblur = function () {
        if (this.value === "") {
          this.value = " 搜索";
        }
        this.style.color = "#666";
      };
    </script>
  </body>
</html>
